<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Page 2 | 博客 | 惊蛰的博客</title>
    <meta name="generator" content="VuePress 1.8.2">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/v4-shims.css">
    <script src="https://use.fontawesome.com/releases/v5.11.2/js/all.js"></script>
    <script src="https://use.fontawesome.com/releases/v5.11.2/js/v4-shims.js"></script>
    <!--    #代码高亮引入必要库-->
    <link href="https://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/highlight.js/8.0/highlight.min.js"></script>
    <!--    动画库-->
    <link rel="stylesheet" href="https://www.kettle.net.cn/animate/animate.min.css">
    <!--    评论-->
    <script src="//unpkg.com/valine/dist/Valine.min.js"></script>
    <!--    aplayer-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
    <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.js"></script>
    <!-- require MetingJS -->
    <script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
    <!--    jq-->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <!--    backstretch 轮播图-->
    <script type="text/javascript" src="//cdn.bootcss.com/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>
    <!-- 引用 bbtalk -->
    <script src="https://cdn.jsdelivr.net/npm/bbtalk@0.1.5/dist/bbtalk.min.js"></script>
    
    <meta name="description" content="惊蛰的博客">
    
    <link rel="preload" href="/assets/css/0.styles.c076dd71.css" as="style"><link rel="preload" href="/assets/js/app.8e64649f.js" as="script"><link rel="preload" href="/assets/js/10.76457569.js" as="script"><link rel="preload" href="/assets/js/3.315403c1.js" as="script"><link rel="prefetch" href="/assets/js/1.19f63e1b.js"><link rel="prefetch" href="/assets/js/11.2fabe50b.js"><link rel="prefetch" href="/assets/js/12.29f3cbb3.js"><link rel="prefetch" href="/assets/js/13.5bbd6907.js"><link rel="prefetch" href="/assets/js/14.97c38b2b.js"><link rel="prefetch" href="/assets/js/15.a6ea704f.js"><link rel="prefetch" href="/assets/js/16.bf8c8fc8.js"><link rel="prefetch" href="/assets/js/17.9b1a1e45.js"><link rel="prefetch" href="/assets/js/18.bcc6785d.js"><link rel="prefetch" href="/assets/js/19.af8c6c71.js"><link rel="prefetch" href="/assets/js/2.63f6fb06.js"><link rel="prefetch" href="/assets/js/20.04b27695.js"><link rel="prefetch" href="/assets/js/21.0ecdd73f.js"><link rel="prefetch" href="/assets/js/22.5a2b263f.js"><link rel="prefetch" href="/assets/js/23.a9412068.js"><link rel="prefetch" href="/assets/js/24.aedb6bde.js"><link rel="prefetch" href="/assets/js/25.dfc2456b.js"><link rel="prefetch" href="/assets/js/26.e8e572f6.js"><link rel="prefetch" href="/assets/js/27.0fd0718f.js"><link rel="prefetch" href="/assets/js/28.60ae6b13.js"><link rel="prefetch" href="/assets/js/29.701ebcc0.js"><link rel="prefetch" href="/assets/js/30.9b75bf1e.js"><link rel="prefetch" href="/assets/js/31.67f8b095.js"><link rel="prefetch" href="/assets/js/32.b87582bb.js"><link rel="prefetch" href="/assets/js/33.7c0ab263.js"><link rel="prefetch" href="/assets/js/34.d4c2e482.js"><link rel="prefetch" href="/assets/js/35.88a27070.js"><link rel="prefetch" href="/assets/js/36.ccd7bbb9.js"><link rel="prefetch" href="/assets/js/37.a4ec9e64.js"><link rel="prefetch" href="/assets/js/38.888b51fa.js"><link rel="prefetch" href="/assets/js/39.822d40c5.js"><link rel="prefetch" href="/assets/js/4.84c4889c.js"><link rel="prefetch" href="/assets/js/40.76c692f0.js"><link rel="prefetch" href="/assets/js/5.94499d86.js"><link rel="prefetch" href="/assets/js/6.5934ba2a.js"><link rel="prefetch" href="/assets/js/8.b3a395d6.js"><link rel="prefetch" href="/assets/js/9.81a3105a.js">
    <link rel="stylesheet" href="/assets/css/0.styles.c076dd71.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div><div data-v-43936cb4><div class="container" data-v-43936cb4 data-v-43936cb4><div class="ordinary" data-v-43936cb4><div data-v-43936cb4><a target="_self" href="/" class="title flat-box waves-effect waves-block author" data-v-43936cb4>
                        jingzhe
                    </a></div> <div class="menu navigation" data-v-43936cb4><ul class="nav-list-h m-pc" data-v-43936cb4><li data-v-43936cb4><a href="/" id="home" class="menuitem flat-box faa-parent animated-hover waves-effect waves-block" data-v-43936cb4><i class="fa fa-home fa-fw" data-v-43936cb4></i>博客
                            </a></li> <li data-v-43936cb4><a href="/archives/" id="archives" class="menuitem flat-box faa-parent animated-hover waves-effect waves-block" data-v-43936cb4><i class="fa fa-archive fa-fw" data-v-43936cb4></i>归档
                            </a></li> <li data-v-43936cb4><a href="/friends/" id="friends" class="menuitem flat-box faa-parent animated-hover waves-effect waves-block" data-v-43936cb4><i class="fa fa-link fa-fw" data-v-43936cb4></i>友链
                            </a></li> <li data-v-43936cb4><a href="/aboutPage/" id="about" class="menuitem flat-box faa-parent animated-hover waves-effect waves-block" data-v-43936cb4><i class="fa fa-info-circle fa-fw" data-v-43936cb4></i>关于
                            </a></li> <li data-v-43936cb4><a id="other" class="menuitem flat-box faa-parent animated-hover waves-effect waves-block" data-v-43936cb4><i class="fa fa-info-circle fa-fw" data-v-43936cb4></i>其他
                            </a> <ul class="list-v" data-v-43936cb4><li data-v-43936cb4><a class="menuitem flat-box header toggle-mode-btn cutover" data-v-43936cb4><i class="fas fa-moon fa-fw" data-v-43936cb4></i> 暗黑模式
                                    </a></li> <li data-v-43936cb4><hr data-v-43936cb4></li> <li data-v-43936cb4><a href="/bb/" class="menuitem flat-box faa-parent animated-hover" data-v-43936cb4>
                                        哔哔哔
                                    </a></li> <li data-v-43936cb4><a target="_blank" href="https://blog.jingzhe.xyz" class="menuitem flat-box faa-parent animated-hover" data-v-43936cb4>
                                        旧版博客
                                    </a></li> <hr data-v-43936cb4> <li data-v-43936cb4><a href="/categories/" class="menuitem flat-box faa-parent animated-hover" data-v-43936cb4><i class="fa fa-folder-open fa-fw" data-v-43936cb4></i>
                                        分类
                                    </a></li> <li data-v-43936cb4><a href="/tags/" id="v2getting-started" class="menuitem flat-box faa-parent animated-hover" data-v-43936cb4><i class="fa fa-tags fa-fw" data-v-43936cb4></i> 标签
                                    </a></li></ul></li></ul></div> <div class="m_search" data-v-43936cb4><form name="searchform" class="form u-search-form" data-v-43936cb4><i class="icon fa fa-search fa-fw" data-v-43936cb4></i> <input type="text" placeholder="Search..." class="input u-search-input" data-v-43936cb4></form></div></div> <div class="paper" data-v-43936cb4></div></div></div> <div id="archives-pjax" class="home" data-v-e2d23298><div class="row" data-v-e2d23298><div class="col-span-24" data-v-e2d23298><div class="homeCover" data-v-38a9ac0d data-v-e2d23298><div id="banner_wave_hide_transition" data-v-38a9ac0d></div> <div class="cover full" style="z-index: 0; background-image: none;" data-v-38a9ac0d><div class="cover-body" data-v-38a9ac0d><div class="a" data-v-38a9ac0d><p class="authorName anniu" data-v-38a9ac0d>惊蛰</p> <p class="subtitle anniuSub" data-v-38a9ac0d>「Stay Hungry.Stay Foolish.」</p></div> <div class="b" data-v-38a9ac0d><div class="menu navigation dock" data-v-38a9ac0d><div class="list-h" data-v-38a9ac0d><a href="/" id="home" data-v-38a9ac0d><i class="fa fa-home fa-fw" data-v-38a9ac0d></i> <p data-v-38a9ac0d>博客</p></a> <a href="/archives/" id="archives" data-v-38a9ac0d><i class="fa fa-archive fa-fw" data-v-38a9ac0d></i> <p data-v-38a9ac0d>归档</p></a> <a href="/friends/" id="friends" data-v-38a9ac0d><i class="fa fa-link fa-fw" data-v-38a9ac0d></i> <p data-v-38a9ac0d>友链</p></a> <a href="/aboutPage/" id="about" data-v-38a9ac0d><i class="fa fa-info-circle fa-fw" data-v-38a9ac0d></i> <p data-v-38a9ac0d>关于</p></a></div></div></div></div> <div class="scroll-down" data-v-38a9ac0d><i class="fa fa-chevron-down scroll-down-effects" data-v-38a9ac0d></i></div> <div class="backstretch" data-v-38a9ac0d><div class="backstretch-item" data-v-38a9ac0d></div></div></div></div></div> <div class="col-span-24" data-v-e2d23298><div id="anchorPoint" data-v-e2d23298></div></div> <div id="main-body-pjax" class="main-body" data-v-e2d23298><div class="home-page" data-v-e2d23298><div data-v-4747c21f data-v-e2d23298><div data-v-4747c21f><div class="homepage" data-v-4747c21f><div class="post-list" data-v-4747c21f><div class="post-wrapper" data-v-4747c21f><div class="post post-v3 white-box reveal shadow" data-v-4747c21f><div class="headimg-div" data-v-4747c21f><!----></div> <div class="meta-v2" data-v-4747c21f><h2 class="article-title" data-v-4747c21f><a href="/2020/08/28/%E5%85%AB%E4%BD%B0/" rel="external nofollow noopener noreferrer" data-v-4747c21f>对电影《八佰》的一小点看法</a></h2> <div class="md" data-v-4747c21f><p data-v-4747c21f></p></div></div> <div class="meta-v3" data-v-4747c21f><div data-v-4747c21f><time data-v-4747c21f>2020-8-28 19:13:8</time> <span class="dot" data-v-4747c21f></span> <a href="categories/随笔" class="category-link" data-v-4747c21f>随笔</a></div> <div data-v-4747c21f><a href="/2020/08/28/%E5%85%AB%E4%BD%B0/" rel="external nofollow noopener noreferrer" class="readmore" data-v-4747c21f>阅读全文</a></div></div></div></div></div></div></div><div data-v-4747c21f><div class="homepage" data-v-4747c21f><div class="post-list" data-v-4747c21f><div class="post-wrapper" data-v-4747c21f><div class="post post-v3 white-box reveal shadow" data-v-4747c21f><div class="headimg-div" data-v-4747c21f><!----></div> <div class="meta-v2" data-v-4747c21f><h2 class="article-title" data-v-4747c21f><a href="/2020/08/28/%E6%8E%A8%E8%8D%90%E4%B8%80%E4%B8%AAcss%E6%8A%96%E5%8A%A8%E5%BA%93/" rel="external nofollow noopener noreferrer" data-v-4747c21f>推荐一个css抖动库</a></h2> <div class="md" data-v-4747c21f><p data-v-4747c21f></p></div></div> <div class="meta-v3" data-v-4747c21f><div data-v-4747c21f><time data-v-4747c21f>2020-8-28 19:13:8</time> <span class="dot" data-v-4747c21f></span> <a href="categories/笔记" class="category-link" data-v-4747c21f>笔记</a></div> <div data-v-4747c21f><a href="/2020/08/28/%E6%8E%A8%E8%8D%90%E4%B8%80%E4%B8%AAcss%E6%8A%96%E5%8A%A8%E5%BA%93/" rel="external nofollow noopener noreferrer" class="readmore" data-v-4747c21f>阅读全文</a></div></div></div></div></div></div></div><div data-v-4747c21f><div class="homepage" data-v-4747c21f><div class="post-list" data-v-4747c21f><div class="post-wrapper" data-v-4747c21f><div class="post post-v3 white-box reveal shadow" data-v-4747c21f><div class="headimg-div" data-v-4747c21f><!----></div> <div class="meta-v2" data-v-4747c21f><h2 class="article-title" data-v-4747c21f><a href="/2020/08/21/%E5%85%A8%E7%AB%99%E5%88%A9%E7%94%A8pjax%E6%97%A0%E5%88%B7%E6%96%B0%E5%B1%95%E7%A4%BA/" rel="external nofollow noopener noreferrer" data-v-4747c21f>全站利用pjax无刷新展示</a></h2> <div class="md" data-v-4747c21f><p data-v-4747c21f></p></div></div> <div class="meta-v3" data-v-4747c21f><div data-v-4747c21f><time data-v-4747c21f>2020-8-22 1:10:35</time> <span class="dot" data-v-4747c21f></span> <a href="categories/笔记" class="category-link" data-v-4747c21f>笔记</a></div> <div data-v-4747c21f><a href="/2020/08/21/%E5%85%A8%E7%AB%99%E5%88%A9%E7%94%A8pjax%E6%97%A0%E5%88%B7%E6%96%B0%E5%B1%95%E7%A4%BA/" rel="external nofollow noopener noreferrer" class="readmore" data-v-4747c21f>阅读全文</a></div></div></div></div></div></div></div><div data-v-4747c21f><div class="homepage" data-v-4747c21f><div class="post-list" data-v-4747c21f><div class="post-wrapper" data-v-4747c21f><div class="post post-v3 white-box reveal shadow" data-v-4747c21f><div class="headimg-div" data-v-4747c21f><a href="/2020/08/11/trilateration%E4%B8%89%E8%BE%B9%E6%B5%8B%E9%87%8F%E5%AE%9A%E4%BD%8D%E7%AE%97%E6%B3%95/" rel="external nofollow noopener noreferrer" class="headimg-a" data-v-4747c21f><img src="https://img-blog.csdnimg.cn/20190923114350915.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM2MDUwNjA=,size_16,color_FFFFFF,t_70" data-ll-status="loaded" class="headimg lazyload loaded" data-v-4747c21f></a></div> <div class="meta-v2" data-v-4747c21f><h2 class="article-title" data-v-4747c21f><a href="/2020/08/11/trilateration%E4%B8%89%E8%BE%B9%E6%B5%8B%E9%87%8F%E5%AE%9A%E4%BD%8D%E7%AE%97%E6%B3%95/" rel="external nofollow noopener noreferrer" data-v-4747c21f>Trilateration三边测量定位算法</a></h2> <div class="md" data-v-4747c21f><p data-v-4747c21f></p></div></div> <div class="meta-v3" data-v-4747c21f><div data-v-4747c21f><time data-v-4747c21f>2020-8-11 19:41:52</time> <span class="dot" data-v-4747c21f></span> <a href="categories/笔记" class="category-link" data-v-4747c21f>笔记</a></div> <div data-v-4747c21f><a href="/2020/08/11/trilateration%E4%B8%89%E8%BE%B9%E6%B5%8B%E9%87%8F%E5%AE%9A%E4%BD%8D%E7%AE%97%E6%B3%95/" rel="external nofollow noopener noreferrer" class="readmore" data-v-4747c21f>阅读全文</a></div></div></div></div></div></div></div><div data-v-4747c21f><div class="homepage" data-v-4747c21f><div class="post-list" data-v-4747c21f><div class="post-wrapper" data-v-4747c21f><div class="post post-v3 white-box reveal shadow" data-v-4747c21f><div class="headimg-div" data-v-4747c21f><!----></div> <div class="meta-v2" data-v-4747c21f><h2 class="article-title" data-v-4747c21f><a href="/2020/08/08/%E6%BB%B4%E6%BB%B4%E5%BC%80%E6%BA%90-doraemonkit%E6%9D%A5%E4%BA%86-%E7%A8%8B%E5%BA%8F%E5%91%98%E7%9A%84%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7%E7%AE%B1/" rel="external nofollow noopener noreferrer" data-v-4747c21f>滴滴开源：DoraemonKit来了，程序员的开发工具箱</a></h2> <div class="md" data-v-4747c21f><p data-v-4747c21f></p></div></div> <div class="meta-v3" data-v-4747c21f><div data-v-4747c21f><time data-v-4747c21f>2020-8-9 6:35:59</time> <span class="dot" data-v-4747c21f></span> <a href="categories/笔记" class="category-link" data-v-4747c21f>笔记</a></div> <div data-v-4747c21f><a href="/2020/08/08/%E6%BB%B4%E6%BB%B4%E5%BC%80%E6%BA%90-doraemonkit%E6%9D%A5%E4%BA%86-%E7%A8%8B%E5%BA%8F%E5%91%98%E7%9A%84%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7%E7%AE%B1/" rel="external nofollow noopener noreferrer" class="readmore" data-v-4747c21f>阅读全文</a></div></div></div></div></div></div></div><div data-v-4747c21f><div class="homepage" data-v-4747c21f><div class="post-list" data-v-4747c21f><div class="post-wrapper" data-v-4747c21f><div class="post post-v3 white-box reveal shadow" data-v-4747c21f><div class="headimg-div" data-v-4747c21f><!----></div> <div class="meta-v2" data-v-4747c21f><h2 class="article-title" data-v-4747c21f><a href="/2020/08/07/%E5%85%B3%E4%BA%8E%E7%8C%AB%E9%BC%BB%E6%94%AF%E7%9A%84%E9%98%B2%E8%8C%83%E5%92%8C%E6%B2%BB%E7%96%97/" rel="external nofollow noopener noreferrer" data-v-4747c21f>关于猫鼻支的防范和治疗</a></h2> <div class="md" data-v-4747c21f><p data-v-4747c21f></p></div></div> <div class="meta-v3" data-v-4747c21f><div data-v-4747c21f><time data-v-4747c21f>2020-8-7 19:10:49</time> <span class="dot" data-v-4747c21f></span> <a href="categories/喵喵" class="category-link" data-v-4747c21f>喵喵</a></div> <div data-v-4747c21f><a href="/2020/08/07/%E5%85%B3%E4%BA%8E%E7%8C%AB%E9%BC%BB%E6%94%AF%E7%9A%84%E9%98%B2%E8%8C%83%E5%92%8C%E6%B2%BB%E7%96%97/" rel="external nofollow noopener noreferrer" class="readmore" data-v-4747c21f>阅读全文</a></div></div></div></div></div></div></div><div data-v-4747c21f><div class="homepage" data-v-4747c21f><div class="post-list" data-v-4747c21f><div class="post-wrapper" data-v-4747c21f><div class="post post-v3 white-box reveal shadow" data-v-4747c21f><div class="headimg-div" data-v-4747c21f><!----></div> <div class="meta-v2" data-v-4747c21f><h2 class="article-title" data-v-4747c21f><a href="/2020/08/07/%E6%95%B4%E7%90%86%E4%B8%80%E4%B8%8B%E5%85%B3%E4%BA%8Ejq%E9%98%9F%E5%88%97%E5%92%8C%E5%9B%9E%E8%B0%83/" rel="external nofollow noopener noreferrer" data-v-4747c21f>整理一下关于jq队列和回调</a></h2> <div class="md" data-v-4747c21f><p data-v-4747c21f></p></div></div> <div class="meta-v3" data-v-4747c21f><div data-v-4747c21f><time data-v-4747c21f>2020-8-7 17:39:46</time> <span class="dot" data-v-4747c21f></span> <a href="categories/笔记" class="category-link" data-v-4747c21f>笔记</a></div> <div data-v-4747c21f><a href="/2020/08/07/%E6%95%B4%E7%90%86%E4%B8%80%E4%B8%8B%E5%85%B3%E4%BA%8Ejq%E9%98%9F%E5%88%97%E5%92%8C%E5%9B%9E%E8%B0%83/" rel="external nofollow noopener noreferrer" class="readmore" data-v-4747c21f>阅读全文</a></div></div></div></div></div></div></div><div data-v-4747c21f><div class="homepage" data-v-4747c21f><div class="post-list" data-v-4747c21f><div class="post-wrapper" data-v-4747c21f><div class="post post-v3 white-box reveal shadow" data-v-4747c21f><div class="headimg-div" data-v-4747c21f><a href="/2020/08/05/%E4%B8%80%E4%B8%AA%E8%B0%B7%E6%AD%8C%E6%96%B0%E6%A0%87%E7%AD%BE%E9%A1%B5/" rel="external nofollow noopener noreferrer" class="headimg-a" data-v-4747c21f><img src="https://s1.ax1x.com/2020/08/05/ar5hNR.jpg" data-ll-status="loaded" class="headimg lazyload loaded" data-v-4747c21f></a></div> <div class="meta-v2" data-v-4747c21f><h2 class="article-title" data-v-4747c21f><a href="/2020/08/05/%E4%B8%80%E4%B8%AA%E8%B0%B7%E6%AD%8C%E6%96%B0%E6%A0%87%E7%AD%BE%E9%A1%B5/" rel="external nofollow noopener noreferrer" data-v-4747c21f>一个谷歌新标签页</a></h2> <div class="md" data-v-4747c21f><p data-v-4747c21f></p></div></div> <div class="meta-v3" data-v-4747c21f><div data-v-4747c21f><time data-v-4747c21f>2020-8-5 19:36:22</time> <span class="dot" data-v-4747c21f></span> <a href="categories/作品集" class="category-link" data-v-4747c21f>作品集</a></div> <div data-v-4747c21f><a href="/2020/08/05/%E4%B8%80%E4%B8%AA%E8%B0%B7%E6%AD%8C%E6%96%B0%E6%A0%87%E7%AD%BE%E9%A1%B5/" rel="external nofollow noopener noreferrer" class="readmore" data-v-4747c21f>阅读全文</a></div></div></div></div></div></div></div><div data-v-4747c21f><div class="homepage" data-v-4747c21f><div class="post-list" data-v-4747c21f><div class="post-wrapper" data-v-4747c21f><div class="post post-v3 white-box reveal shadow" data-v-4747c21f><div class="headimg-div" data-v-4747c21f><!----></div> <div class="meta-v2" data-v-4747c21f><h2 class="article-title" data-v-4747c21f><a href="/2020/07/31/%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E5%A4%A7%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0%E5%92%8C%E6%96%AD%E7%82%B9%E7%BB%AD%E4%BC%A0/" rel="external nofollow noopener noreferrer" data-v-4747c21f>实现一个大文件上传和断点续传</a></h2> <div class="md" data-v-4747c21f><p data-v-4747c21f></p></div></div> <div class="meta-v3" data-v-4747c21f><div data-v-4747c21f><time data-v-4747c21f>2020-8-1 4:42:22</time> <span class="dot" data-v-4747c21f></span> <a href="categories/创作集" class="category-link" data-v-4747c21f>创作集</a></div> <div data-v-4747c21f><a href="/2020/07/31/%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E5%A4%A7%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0%E5%92%8C%E6%96%AD%E7%82%B9%E7%BB%AD%E4%BC%A0/" rel="external nofollow noopener noreferrer" class="readmore" data-v-4747c21f>阅读全文</a></div></div></div></div></div></div></div><div data-v-4747c21f><div class="homepage" data-v-4747c21f><div class="post-list" data-v-4747c21f><div class="post-wrapper" data-v-4747c21f><div class="post post-v3 white-box reveal shadow" data-v-4747c21f><div class="headimg-div" data-v-4747c21f><!----></div> <div class="meta-v2" data-v-4747c21f><h2 class="article-title" data-v-4747c21f><a href="/2020/07/30/%E5%A6%82%E4%BD%95%E5%B0%86%E7%8C%AB%E7%8C%AB%E7%9B%91%E6%8E%A7%E6%94%BE%E5%9C%A8%E5%8D%9A%E5%AE%A2%E4%B8%8A/" rel="external nofollow noopener noreferrer" data-v-4747c21f>如何将猫猫监控放在博客上</a></h2> <div class="md" data-v-4747c21f><p data-v-4747c21f></p></div></div> <div class="meta-v3" data-v-4747c21f><div data-v-4747c21f><time data-v-4747c21f>2020-7-30 21:36:22</time> <span class="dot" data-v-4747c21f></span> <a href="categories/喵喵" class="category-link" data-v-4747c21f>喵喵</a></div> <div data-v-4747c21f><a href="/2020/07/30/%E5%A6%82%E4%BD%95%E5%B0%86%E7%8C%AB%E7%8C%AB%E7%9B%91%E6%8E%A7%E6%94%BE%E5%9C%A8%E5%8D%9A%E5%AE%A2%E4%B8%8A/" rel="external nofollow noopener noreferrer" class="readmore" data-v-4747c21f>阅读全文</a></div></div></div></div></div></div></div> <div class="prev-next" data-v-4747c21f><a rel="prev" href="/" class="prev" data-v-4747c21f><section class="post prev white-box shadow floatable" data-v-4747c21f><i aria-hidden="true" class="fas fa-chevron-left" data-v-4747c21f></i> 上一页 
                </section></a> <p class="current" data-v-4747c21f>
                2 / 2
            </p> <a rel="next" class="next" data-v-4747c21f><section class="post next white-box shadow floatable" data-v-4747c21f>
                     下一页 <i aria-hidden="true" class="fas fa-chevron-right" data-v-4747c21f></i></section></a></div></div></div> <div class="right-page" data-v-e2d23298><div class="rightPage" data-v-1be37983 data-v-e2d23298><div class="computer" data-v-1be37983 data-v-1be37983><!----> <div class="content" data-v-1be37983><div class="head" data-v-1be37983><a href="/aboutPage/" class="avatar flat-box rectangle" data-v-1be37983><img src="https://blog.jingzhe.xyz/jingzhe/jpg/1593256062295.jpeg" data-v-1be37983></a> <p data-v-1be37983><span data-v-1be37983>微雨众卉新，一雷惊蛰始。</span></p></div> <div class="social-wrapper" data-v-1be37983><span data-v-1be37983><a href="" rel="external nofollow noopener noreferrer" target="_blank" class="social fab fa-github flat-btn" data-v-1be37983></a></span> <span data-v-1be37983><a href="mailto: 12363078673@qq.com" rel="external nofollow noopener noreferrer" target="_blank" class="social fas fa-envelope flat-btn" data-v-1be37983></a></span> <span data-v-1be37983><a href="https://blog.csdn.net/u013605060" rel="external nofollow noopener noreferrer" target="_blank" class="social fas fa-code flat-btn" data-v-1be37983></a></span> <span data-v-1be37983><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1263078673&amp;site=qq&amp;menu=yes" rel="external nofollow noopener noreferrer" target="_blank" class="social fa fa-qq flat-btn" data-v-1be37983></a></span></div></div> <div class="content" data-v-1be37983><div class="social-wrapper" data-v-1be37983><div data-v-1be37983><i class="fas fa-folder-open fa-fw" data-v-1be37983></i> <span data-v-1be37983>文章分类</span></div> <div data-v-1be37983><ul class="entry navigation" data-v-1be37983><li data-v-1be37983><a href="/categories/笔记/" id="blogcategoriesmac" class="flat-box" data-v-1be37983><div class="name" data-v-1be37983>笔记</div> <div class="badge" data-v-1be37983>(14)</div></a></li><li data-v-1be37983><a href="/categories/作品集/" id="blogcategoriesmac" class="flat-box" data-v-1be37983><div class="name" data-v-1be37983>作品集</div> <div class="badge" data-v-1be37983>(1)</div></a></li><li data-v-1be37983><a href="/categories/随笔/" id="blogcategoriesmac" class="flat-box" data-v-1be37983><div class="name" data-v-1be37983>随笔</div> <div class="badge" data-v-1be37983>(1)</div></a></li><li data-v-1be37983><a href="/categories/喵喵/" id="blogcategoriesmac" class="flat-box" data-v-1be37983><div class="name" data-v-1be37983>喵喵</div> <div class="badge" data-v-1be37983>(2)</div></a></li><li data-v-1be37983><a href="/categories/创作集/" id="blogcategoriesmac" class="flat-box" data-v-1be37983><div class="name" data-v-1be37983>创作集</div> <div class="badge" data-v-1be37983>(1)</div></a></li></ul></div></div></div> <div class="content" data-v-1be37983><div class="social-wrapper" data-v-1be37983><div data-v-1be37983><i class="fas fa-tags fa-fw" data-v-1be37983></i> <span data-v-1be37983>热门标签</span></div> <div class="word-cloud" data-v-1be37983><a href="/tags/jenkins/" style="font-size:15px;" data-v-1be37983>jenkins</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/vue/" style="font-size:18px;" data-v-1be37983>vue</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/JS/" style="font-size:24px;" data-v-1be37983>JS</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/JAVA/" style="font-size:15px;" data-v-1be37983>JAVA</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/Trilateration/" style="font-size:15px;" data-v-1be37983>Trilateration</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/Google/" style="font-size:15px;" data-v-1be37983>Google</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/pjax/" style="font-size:15px;" data-v-1be37983>pjax</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/%E7%94%B5%E5%BD%B1/" style="font-size:15px;" data-v-1be37983>电影</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/%E5%85%AB%E4%BD%B0/" style="font-size:15px;" data-v-1be37983>八佰</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/%E5%89%8D%E7%AB%AF/" style="font-size:18px;" data-v-1be37983>前端</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/css/" style="font-size:18px;" data-v-1be37983>css</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/docker/" style="font-size:15px;" data-v-1be37983>docker</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/nginx/" style="font-size:18px;" data-v-1be37983>nginx</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/rtmp/" style="font-size:15px;" data-v-1be37983>rtmp</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/ffmpeg/" style="font-size:18px;" data-v-1be37983>ffmpeg</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/element-ui/" style="font-size:15px;" data-v-1be37983>element-ui</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/nodejs/" style="font-size:15px;" data-v-1be37983>nodejs</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/shake/" style="font-size:15px;" data-v-1be37983>shake</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/DoraemonKit/" style="font-size:15px;" data-v-1be37983>DoraemonKit</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/%E6%BB%B4%E6%BB%B4/" style="font-size:15px;" data-v-1be37983>滴滴</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/BIO/NIO/AIO/" style="font-size:15px;" data-v-1be37983>BIO/NIO/AIO</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/%E6%8F%92%E4%BB%B6/" style="font-size:15px;" data-v-1be37983>插件</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/HTTP/HTTPS/" style="font-size:15px;" data-v-1be37983>HTTP/HTTPS</a></div><div class="word-cloud" data-v-1be37983><a href="/tags/TCPIP/" style="font-size:15px;" data-v-1be37983>TCPIP</a></div></div></div> <div class="content" data-v-1be37983><div class="social-wrapper" data-v-1be37983><div data-v-1be37983><i class="fas fa-bullhorn fa-fw" data-v-1be37983></i> <span data-v-1be37983>公告</span></div> <div data-v-1be37983>
                        本站使用VuePress创建全站，还在不断完善中
                    </div></div></div> <div class="content" data-v-1be37983><div class="social-wrapper" data-v-1be37983><div data-v-1be37983><i class="fas fa-award fa-fw" data-v-1be37983></i> <span data-v-1be37983>站点信息</span></div> <div class="webinfo" data-v-1be37983><div class="webinfo-item" data-v-1be37983><div data-v-1be37983>文章数目：</div> <div data-v-1be37983>58 篇</div></div> <div class="webinfo-item" data-v-1be37983><div data-v-1be37983>已运行时间：</div> <div id="webinfo-runtime-count" data-v-1be37983>162 天</div></div> <div class="webinfo-item" data-v-1be37983><div data-v-1be37983>更新时间时间：</div> <div id="webinfo-runtime-count" data-v-1be37983>3 天前更新</div></div></div></div></div></div></div></div></div></div></div> <div class="Footer" data-v-27c59392><div class="footer-all" data-v-27c59392><div class="a-play" data-v-27c59392></div> <div data-v-27c59392>
            博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议
        </div> <div data-v-27c59392>
            本站使用 @Jingzhe 自制博客系统 CaesarBlog，总访问量为 96 次
        </div> <div data-v-27c59392>
            Copyright © 2017-2020 XXX
        </div></div> <div class="footer-up" style="display:none;" data-v-27c59392 data-v-27c59392><a href="javascript:void(0)" class="s-top fa fa-arrow-up fa-fw show" data-v-27c59392></a></div></div></div><div class="global-ui"></div></div>
<script src="/assets/js/app.8e64649f.js" defer></script><script src="/assets/js/10.76457569.js" defer></script><script src="/assets/js/3.315403c1.js" defer></script>
<!-- 加入音乐-->
<div style="max-width: 750px;margin: 0 auto;padding: 40px;display: none;" id="meetingJs">
    <meting-js server="netease" type="playlist" id="567087780" list-max-height=150px></meting-js>
</div>
<!--全屏遮挡-->
<div class="fullScreen" style=""></div>

<canvas width="1413" height="968"
        style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas>
<!--鼠标特效-->
<script src="https://cdn.jsdelivr.net/gh/zyoushuo/Blog/hexo/js/mouse_click.js"></script>
<script>
    // 写一个简单的pjax，适配于vuepress
    $(function () {
        function pjax(href, type) {
            //为了seo的优化，不支持方法直接跳转
            if (!history.pushState) {
                window.location.href = href;
            }
            let newHref = href;
            $.ajax({
                url: newHref, success: function (result) {
                    let resultObj = $(result);
                    //获取标题
                    let newTitle = resultObj.filter("title").text();
                    //循环Script标签，重新加载拥有defer的
                    $("script[defer]").remove();
                    $(result).filter('script[defer]').each(function () {
                        $("body").append(this.outerHTML);
                    })
                    $("#main-body-pjax").after("<div style='display: none;' id='main-body-pjax-other' class='"+$("#main-body-pjax").attr('class')+"'></div>");
                    $("#main-body-pjax-other")[0].innerHTML = resultObj.find("div[id=main-body-pjax]").innerHTML;
                    let state = ({
                        url: newHref, title: newTitle
                    });
                    if (type === 1) {
                        window.history.pushState(state, newTitle, newHref);
                    }
                    document.title = newTitle
                    //滚回顶部
                    // $('html, body').animate({scrollTop: 0}, 'slow');
                    //背景再次被重置
                    if (window.localStorage.getItem('cutoverColor') === "false") {
                        $(".fullScreen").css("background","#000")
                    }
                }
            });
        }

        // 手写一个简易版本的pjax，适用于vuepress
        $('body').on('click', 'a', function (e) {
            e.preventDefault();
            if (typeof $(this).attr("href") != "undefined") {
                pjax($(this).attr("href"), 1);
            }
        })
        window.addEventListener('popstate', function (evt) {
            let oldHref = evt.state.url;
            pjax(oldHref, 0);
        }, false);
    })


    window.onload = function () {
        //防止哔哔哔模块不显示
        bbtalk.init({
            appId: "gbNUwY2ePs3khwpWCJvSNMC5-MdYXbMMI",
            appKey: "ObQ0ANDmaRwvTREmMpzN4WNv",
            serverURLs: 'https://gbnuwy2e.api.lncldglobal.com'
        })
        //音乐模块显示
        $("#meetingJs").show();
        //背景切换图
        $.backstretch(
            ["https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/006.jpg",
                "https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/051.jpg",
                "https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/034.jpg",
                "https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg",
                "https://api.mtyqx.cn/api/random.php",
            ], {
                fade: 750, duration: 4000, speed: 500
            }
        );
        //头部，返回到顶部展示，右侧菜单的展示规则
        let t = document.documentElement.scrollTop || document.body.scrollTop;
        headShow(t);
        backTopShow(t);
        rightPageMenuShow(t);
        //事件委托 (触发跳转)文章导航
        try {
            $("body").on('click', '.navigationContent', function (event) {
                let id = event.target.getElementsByTagName('a')[0].id;
                scroll(0, document.getElementById(id).offsetTop - 85);
            })
        } catch (e) {
        }
    }

    //移动滚动条
    function scroll(currentY, targetY) {
        // 计算需要移动的距离
        let needScrollTop = targetY - currentY
        let _currentY = currentY
        setTimeout(() => {
            // 一次调用滑动帧数，每次调用会不一样
            const dist = Math.ceil(needScrollTop / 10)
            _currentY += dist
            window.scrollTo(_currentY, currentY)
            // 如果移动幅度小于十个像素，直接移动，否则递归调用，实现动画效果
            if (needScrollTop > 10 || needScrollTop < -10) {
                scroll(_currentY, targetY)
            } else {
                window.scrollTo(_currentY, targetY)
            }
        }, 1)
    }

    /*监听滚动条，显示或者隐藏某些元素（右侧文章锚点和头部）*/
    window.onscroll = function () {
        let t = document.documentElement.scrollTop || document.body.scrollTop;
        headShow(t);
        backTopShow(t);
        rightPageMenuShow(t);
    }

    function headShow(t) {
        let container = document.querySelector('.container');//container 显示
        let height = (document.querySelector('.homeCover').offsetHeight) -
            (document.querySelector('.container').style.height);
        container.style.display = (t >= (height - 50)) ? "block" : "none";
    }

    function backTopShow(t) {
        try {
            let backTop = document.querySelector('.footer-up');//footer-up 显示
            backTop.style.display = (t >= 30) ? "block" : "none";
        } catch (e) {
        }
    }

    function rightPageMenuShow(t) {
        try {
            let rightPageMenu = document.querySelector('.paperMenu');//footer-up 显示
            rightPageMenu.className = (t >= 10) ? "content paperMenu suspension" : "content paperMenu";
        } catch (e) {
        }
    }


</script>


<script>
    //暗黑模式
    let cutoverColor = false;
    $(function () {
        if (window.localStorage.getItem('cutoverColor') === "false") {
            //线程独占
            setTimeout(function () {
                darkMode();
            }, 0);
        }
        $("body").on('click', '.cutover', function () {
            darkMode();
        })
    })

    function darkMode() {
        cutoverColor = !cutoverColor;
        window.localStorage.setItem('cutoverColor', !cutoverColor);
        if (cutoverColor) {
            document.documentElement.style.setProperty('--main', '#515a6e');
            document.documentElement.style.setProperty('--mainfont', '#fff');
            document.documentElement.style.setProperty('--headfont', '#fff');
            document.documentElement.style.setProperty('--color-list', '#fff');
            document.documentElement.style.setProperty('--color-tag', '#fff');
            $(".fullScreen").css("background","#000");
        } else {
            document.documentElement.style.setProperty('--main', '#ffff');
            document.documentElement.style.setProperty('--mainfont', '#515a6e');
            document.documentElement.style.setProperty('--headfont', '#2c3e50');
            document.documentElement.style.setProperty('--color-list', '#666');
            document.documentElement.style.setProperty('--color-tag', '#999');
            $(".fullScreen").css("background","");
        }
    }
</script>

<style>
    a {
        text-decoration: none
    }

    body {
        margin: 0 auto;
    }backstretch-item

    .fullScreen {
        left: 0px;
        top: 0px;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        height: 100%;
        width: 100vw;
        z-index: -999998;
        position: fixed;
    }
</style>
</body>
</html>
